@charset "utf-8";
@function r($px) {
    @return $px/$fontsize*1rem;
}
@import "_reset.scss";
$fontsize: 40;

html{
    position: relative;
    overflow: hidden;
}
#web{
    width: 100%;
    height: 100%;
    background-color: #bf0c21;
    font-family: "宋体","微软雅黑";
    position: relative;
    position: absolute;
    background-image: url(../img/set/bg1.png);
    background-size:  100% 100%;
  } 
    .index_page{
        width: r(380);
        height: r(536); 
        position: absolute;
        left: r(-999);
        right: r(-999);
        top:r(236);
        margin: auto;
        .index_logo{
            width: r(206);
            height: r(41);
            margin: 0 auto;
            a{
                display: block;
                width: 100%;
                height: 100%;
            
            img{
                width: 100%;
                height: 100%;
        }
        }
    }
    h1{
        margin-top: r(32);
       font-size: r(90); 
       color: #e7c598;
       text-align: center;
       line-height: r(116);
    }
    .index_btn{
        width: r(318);
        height: r(50);
        margin: 0 auto;
       
        a{
           display: block;
            width: 100%;
            height: 100%;
           img{
                width: 100%;
                height: 100%;
                }
        }
    }
   .btn1{
        margin-top: r(80);
    }
    .btn2{
        margin-top: r(30);
    }
}

    #web2{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        position: absolute;
        position: relative;
        top: 0;
        display: none;
        .index_smallWin{
            width: r(413);
            height: r(250);
            background: #e7c598;
            border-radius: r(8);
            left: r(-999);
            right: r(-999);
            margin: 0 auto; 
            position: relative;
            position: absolute;
            top: r(353);
            animation: show 0.4s linear;
       
        >a{
            display: block;
            width: r(35);
            height: r(35);
            position: absolute;
            top: r(10);
            right: r(15);
            >img{
               width: 100%;
               height: 100%; 
            }
            
        }
        p{
                font-size: r(22);
                color: #BF0C21;
                text-align: center;
                margin-top: r(47);
                line-height: r(34);
            }
         >span{
             height: r(38);
             width:r(195);
             background: #BF0C21;
             border-radius: r(8);
             font-size: r(22);
             display: block;
             margin: 0 auto;
             color: #e7c598;
             margin-top: r(23);
             >a{
                 height: r(38);
                  width:r(195);
                  color: #e7c598;
                  display: block;
                  text-align: center;
             }
         }
    }
 }
 #div1{
     position: absolute;
     top: -10;
 }
 
 
 
 
 
 
 
  @keyframes show{
      0%{
          transform: scale(0);
          opacity: 0.3;
      }
      100%{
          transform: scale(1);
          opacity: 1;
      }
  } 
//@keyframes hide{
//    0%{
//        transform: scale(1);
//        opacity: 1; 
//    }
//    100%{
//        transform: scale(0);
//        opacity: 0; 
//    }
//}
